import styled from "@emotion/styled";
import "./App.css";
import { Provider } from "react-redux";
import { store } from "store";
import MainScreen from "screens/main";


const App = () => {

  return (
    <Provider store={store}>
      <Container className="App">
        <MainScreen/>
      </Container>
    </Provider>
  );
};

export default App;

const Container = styled.div`
  background-image: url("http://cdn.lookthis.cc/backgroundImage.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
`;
